<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>某房地产集团</title>
    <link rel="stylesheet" href="/step-seven-xadmin/css/index/foot.css">
    <link rel="stylesheet" href="/step-seven-xadmin/css/index/common.css">
    <link rel="stylesheet" href="/step-seven-xadmin/css/index/call.css">
    <script src="/step-seven-xadmin/propertyjs/common/jquery-3.5.1.js"></script>
    <script src="/step-seven-xadmin/propertyjs/common/myAjax.js"></script>
    <script src="/step-seven-xadmin/js/index/callUs.js"></script>


</head>
<body>
<!--人力资源静态页面-->
<div class="head" style="">
    <!--        首页logo-->
    <div>
        <div>
            <div><img src="" id="logo"></div>
            <div id="companyName"></div>
        </div>
    </div>
    <!--        导航栏-->
    <div>
        <div id="firsNav">

        </div>
    </div>
    <div>
        <div>
            <div><a href="/html/index/home.html">
                <div>网站首页</div>
            </a>
                <div>⊙</div>
                <a href="/html/index/callUs.html">
                    <div>联系我们</div>
                </a>
            </div>

        </div>
    </div>
</div>

<div class="middle" style="">
    <div id="container"></div>
    <div>
        <div>
            <div><img src="" id="companyAddressImg"></div>
            <div id="companyAddress"></div>
        </div>
        <div>
            <div><img src="" id="companyPhoneImg"></div>
            <div id="companyOnline"></div>
            <div id="consultingCenter"></div>
            <div id="companyPhone"></div>
        </div>
        <div>
            <div><img src="" id="companyEmailImg"></div>
            <div id="companyEmail"></div>
        </div>
    </div>
</div>

<!--        底部-->
<div class="foot">
    <div>
        <div>
            <div id="consulting">

            </div>
            <div id="online">

            </div>
            <div>
                <div><img src="" id="qrCodeWeiXin"/></div>
                <div id="qrCodeWeiXinTitle"></div>
                <div><img src="" id="qrCodeIndex"/></div>
                <div id="qrCodeIndexTitle"></div>
            </div>
        </div>
    </div>
    <div>
        <div>
            <div id="recordMessage"></div>
            <div><a href="" id="recordNumber"></a></div>
        </div>
        <div>
            <div id="websiteNav">

            </div>
        </div>
    </div>
</div>
</body>
</html>
<script>
    function loadJScript() {
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = '//api.map.baidu.com/api?type=webgl&v=1.0&ak=PYbsLVtUVgNbNITT4nWT71YhcwAnoly2&callback=init';
        document.body.appendChild(script);
    }
    function init() {
        var map = new BMapGL.Map('container'); // 创建Map实例
        var point = new BMapGL.Point(104.04, 30.64); // 创建点坐标
        map.centerAndZoom(point, 14);
        map.enableScrollWheelZoom(); // 启用滚轮放大缩小
    }
    window.onload = loadJScript; // 异步加载地图
</script>
<script type="text/javascript">
    // 百度地图API功能
    var map = new BMapGL.Map("container");
    var point = new BMapGL.Point(104.04, 30.64);
    map.centerAndZoom(point, 15);

    var marker = new BMapGL.Marker(point);  // 创建标注
    map.addOverlay(marker);              // 将标注添加到地图中
    var opts = {
        width : 200,     // 信息窗口宽度
        height: 100,     // 信息窗口高度
        title : "锦江宾馆" , // 信息窗口标题
        message:"这里是锦江宾馆"
    }
    var infoWindow = new BMapGL.InfoWindow("地址：四川锦江宾馆", opts);  // 创建信息窗口对象
    marker.addEventListener("click", function(){
        map.openInfoWindow(infoWindow, point); //开启信息窗口
    });
</script>